	.wipe-wrap {
		z-index: 99999;
		width: 220rpx;
		height: auto;
		position: absolute;
		left: 50%;
		top: 400rpx;
		transform: translateX(-50%);
		display: flex;
		justify-content: space-between
	}

	.wipe-wrap .feather-duster-left,
	.wipe-wrap .feather-duster-right {
		width: 110rpx;
		height: 92rpx;
		opacity: 0
	}

	.wipe-wrap .feather-duster-left image {
		width: 100%
	}

	.wipe-wrap .feather-duster-right image {
		height: 100%
	}

	.wipe-wrap .feather-duster-left {
		position: absolute;
		left: 0;
		top: 0;
		transform-origin: 0;
		-webkit-transform-origin: 0;
		animation: leftClean 2s ease-in-out 3, aniDown 2s linear 3;
		-webkit-animation: leftClean 2s ease-in-out 3, aniDown 2s linear 3
	}

	.wipe-wrap .feather-duster-right {
		position: absolute;
		right: 0;
		top: 0;
		transform-origin: right;
		-webkit-transform-origin: right;
		animation: rightClean 2s ease-in-out .5s 3, aniDown 2s linear .5s 3;
		-webkit-animation: rightClean 2s ease-in-out .5s 3, aniDown 2s linear .5s 3
	}

	@keyframes leftClean {
		0% {
			opacity: 1;
			transform: rotate(-20deg);
			-webkit-transform: rotate(-20deg)
		}

		50% {
			transform: rotate(50deg);
			-webkit-transform: rotate(50deg)
		}

		99% {
			opacity: 1
		}

		to {
			opacity: 0;
			transform: rotate(-20deg);
			-webkit-transform: rotate(-20deg)
		}
	}

	@keyframes aniDown {
		0% {
			top: 0
		}

		50% {
			top: 50px
		}

		to {
			top: 0
		}
	}

	@keyframes rightClean {
		0% {
			opacity: 1;
			transform: rotate(0deg);
			-webkit-transform: rotate(0deg)
		}

		50% {
			transform: rotate(-60deg);
			-webkit-transform: rotate(-60deg)
		}

		99% {
			opacity: 1
		}

		to {
			opacity: 0;
			transform: rotate(0deg);
			-webkit-transform: rotate(0deg)
		}
	}

	.shine {
		background: url('http://112.124.50.179:8888/imgs/home/guang.jpg')no-repeat;
		background-size: 100% 100%;
		opacity: 0
	}

	.shine1 {
		width: 42rpx;
		height: 42rpx;
		left: 22rpx;
		top: 0;
		animation: opacity-change 1s ease-in-out 6.5s 1;
		-webkit-animation: opacity-change 1s ease-in-out 6.5s 1
	}

	.shine1,
	.shine2 {
		position: absolute
	}

	.shine2 {
		width: 33rpx;
		height: 33rpx;
		right: 44rpx;
		top: 22rpx;
		animation: opacity-change 1s ease-in-out 6.8s 1;
		-webkitanimation: opacity-change 1s ease-in-out 6.8s 1
	}

	.shine3 {
		width: 44rpx;
		height: 44rpx;
		right: 88rpx;
		top: 110rpx;
		animation: opacity-change 1s ease-in-out 7.2s 1;
		-webkit-animation: opacity-change 1s ease-in-out 7.2s 1
	}

	.shine3,
	.shine4 {
		position: absolute
	}

	.shine4 {
		width: 40rpx;
		height: 40rpx;
		left: 110rpx;
		top: 198rpx;
		animation: opacity-change 1s ease-in-out 6.7s 1;
		-webkit-animation: opacity-change 1s ease-in-out 6.7s 1
	}

	.shine5 {
		width: 42rpx;
		height: 42rpx;
		position: absolute;
		left: 22rpx;
		top: 154rpx;
		animation: opacity-change 1s ease-in-out 7s 1;
		-webkit-animation: opacity-change 1s ease-in-out 7s 1
	}

	@keyframes opacity-change {
		0% {
			opacity: 0
		}

		50% {
			opacity: 1
		}

		to {
			opacity: 0
		}
	}












	.grass-wrap {
		width: 100%;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		top: 46%;
		display: flex;
		justify-content: space-between;
		z-index: 1
	}

	.grass-wrap #grassWrap .grass-item {
		width: 80px;
		height: 35px
	}

	.grass-wrap .grass-item image {
		width: 100%
	}

	.grass-wrap #grassWrap .grass-item:first-child {
		position: absolute;
		left: -14rpx;
		bottom: 0
	}

	.grass-wrap #grassWrap .grass-item:nth-child(2) {
		position: absolute;
		left: 100rpx;
		bottom: 0
	}

	.grass-wrap #grassWrap .grass-item:nth-child(3) {
		position: absolute;
		left: 270rpx;
		bottom: 0
	}

	.grass-wrap #grassWrap .grass-item:nth-child(4) {
		position: absolute;
		left: 445rpx;
		bottom: 0
	}

	.grass-wrap #grassWrap .grass-item:nth-child(5) {
		position: absolute;
		left: 553rpx;
		bottom: 0
	}

	.grass-wrap #grassWrap .grass-item:nth-child(6) {
		position: absolute;
		left: 66rpx;
		bottom: -22rpx
	}

	.grass-wrap #grassWrap .grass-item:nth-child(7) {
		position: absolute;
		left: 198rpx;
		bottom: -22rpx
	}

	.grass-wrap #grassWrap .grass-item:nth-child(8) {
		position: absolute;
		left: 330rpx;
		bottom: -22rpx
	}

	.grass-wrap #grassWrap .grass-item:nth-child(9) {
		position: absolute;
		left: 506rpx;
		bottom: -22rpx
	}

	.grass-wrap #grassWrap .grass-item:nth-child(10) {
		position: absolute;
		left: 615rpx;
		bottom: -22rpx
	}

	.grass-wrap #grassWrap .grass-item:nth-child(11) {
		position: absolute;
		left: -14rpx;
		bottom: -48rpx
	}

	.grass-wrap #grassWrap .grass-item:nth-child(12) {
		position: absolute;
		left: 110rpx;
		bottom: -48rpx
	}

	.grass-wrap #grassWrap .grass-item:nth-child(13) {
		position: absolute;
		left: 352rpx;
		bottom: -48rpx
	}

	.grass-wrap #grassWrap .grass-item:nth-child(14) {
		position: absolute;
		left: 484rpx;
		bottom: -48rpx
	}

	.grass-wrap #grassWrap .grass-item:nth-child(15) {
		position: absolute;
		left: 594rpx;
		bottom: -48rpx
	}

	.grass-wrap .grass_small1 {
		width: 31rpx;
		height: 22rpx;
		position: absolute;
		left: 242rpx;
		bottom: 26rpx
	}

	.grass-wrap .grass_small2 {
		width: 40rpx;
		height: 35rpx;
		position: absolute;
		left: 434rpx;
		bottom: 19rpx
	}

	.grass-wrap .grass_small1 image,
	.grass-wrap .grass_small2 image {
		width: 100%
	}

	.delayUp1 {
		animation: aniUp1 1.5s ease-in .5s forwards;
	}

	.delayUp2 {
		animation: aniUp1 2.5s ease-in 1s forwards;
	}

	@keyframes aniUp1 {
		0% {
			opacity: 1
		}

		90% {
			opacity: 1;
			/* bottom: 44rpx */
		}

		to {
			opacity: 0
		}
	}

	.weedAni1 {
		animation: aniUp 1s ease-in forwards;
	}

	.weedAni2 {
		animation: aniUp 1.5s ease-in forwards;
	}

	.weedAni3 {
		animation: aniUp 2s ease-in forwards;
	}

	.weedAni4 {
		animation: aniUp 2.5s ease-in forwards;
	}

	.weedAni5 {
		animation: aniUp 3s ease-in forwards;
	}

	@keyframes aniUp {
		0% {
			opacity: 1
		}

		90% {
			opacity: 1;
			/* bottom: 33rpx */
		}

		to {
			opacity: 0
		}
	}

	.weed-wrap {
		bottom: 110rpx
	}

	.glove-wrap,
	.weed-wrap {
		position: absolute;
		left: 0
	}

	.glove-wrap {
		width: 82rpx;
		height: 62rpx;
		background: url('http://112.124.50.179:8888/imgs/home/shou.png')no-repeat;
		background-size: 100% 100%;
		bottom: 0;
		opacity: 0;
		animation:
			up_3 .5s ease-in .5s forwards, move_3 .5s ease-in 1s forwards,
			up_4 .5s ease-in 1.5s forwards, move_4 .5s ease-in 2s forwards,
			up_5 .5s ease-in 2.5s forwards, move_5 .5s ease-in 3s forwards,
			up_6 .5s ease-in 3.5s forwards, move_6 .5s ease-in 4s forwards,
			up_7 .5s ease-in 4.5s forwards;
	}

	@keyframes up_1 {
		0% {
			left: 242rpx;
			bottom: 19rpx;
			opacity: 1
		}

		to {
			left: 242rpx;
			bottom: 44rpx;
			opacity: 1
		}
	}

	@keyframes move_1 {
		0% {
			left: 242rpx;
			bottom: 44rpx
		}

		to {
			left: 418rpx;
			bottom: 19rpx
		}
	}

	@keyframes up_2 {
		0% {
			left: 418rpx;
			bottom: 19rpx
		}

		to {
			left: 418rpx;
			bottom: 44rpx
		}
	}

	@keyframes move_2 {
		0% {
			left: 418rpx;
			bottom: 44rpx
		}

		to {
			left: 44rpx;
			bottom: 0
		}
	}

	@keyframes up_3 {
		0% {
			left: 44rpx;
			bottom: 0;
			opacity: 1
		}

		to {
			left: 44rpx;
			bottom: 33rpx;
			opacity: 1
		}
	}

	@keyframes move_3 {
		0% {
			left: 44rpx;
			bottom: 33rpx
		}

		to {
			left: 144rpx;
			bottom: 0
		}
	}

	@keyframes up_4 {
		0% {
			left: 144rpx;
			bottom: 0
		}

		to {
			left: 144rpx;
			bottom: 33rpx
		}
	}

	@keyframes move_4 {
		0% {
			left: 144rpx;
			bottom: 33rpx
		}

		to {
			left: 297rpx;
			bottom: 0
		}
	}

	@keyframes up_5 {
		0% {
			left: 297rpx;
			bottom: 0
		}

		to {
			left: 297rpx;
			bottom: 33rpx
		}
	}

	@keyframes move_5 {
		0% {
			left: 297rpx;
			bottom: 33rpx
		}

		to {
			left: 484rpx;
			bottom: 0
		}
	}

	@keyframes up_6 {
		0% {
			left: 484rpx;
			bottom: 0
		}

		to {
			left: 484rpx;
			bottom: 33rpx
		}
	}

	@keyframes move_6 {
		0% {
			left: 484rpx;
			bottom: 33rpx
		}

		to {
			left: 594rpx;
			bottom: 0
		}
	}

	@keyframes up_7 {
		0% {
			left: 594rpx;
			bottom: 0
		}

		90% {
			left: 594rpx;
			bottom: 33rpx;
			opacity: 1
		}

		to {
			opacity: 0
		}
	}

	.gif {
		position: absolute;
		left: 50%;
		bottom: 10vh;
		transform: translateX(-50%);
		z-index: 99;
	}

	.gb,
	.jg {
		/* width: 172rpx; */
		height: 700rpx
	}

	/* 放大后缩小居中,渐变 */
	.puff-in-center {
		-webkit-animation: puff-in-center 1.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
		animation: puff-in-center 1.5s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	}

	@-webkit-keyframes puff-in-center {
		0% {
			-webkit-transform: translate(-50%,-50%) scale(2);
			transform: translate(-50%,-50%) scale(2);
			-webkit-filter: blur(4px);
			filter: blur(4px);
			opacity: 0;
		}

		100% {
			-webkit-transform: translate(-50%,-50%) scale(1);
			transform: translate(-50%,-50%) scale(1) ;
			-webkit-filter: blur(0px);
			filter: blur(0px);
			opacity: 1;
		}
	}

	@keyframes puff-in-center {
		0% {
			left: 50%;
			-webkit-transform:translate(-50%,-50%) scale(2);
			transform:translate(-50%,-50%) scale(2);
			-webkit-filter: blur(4px);
			filter: blur(4px);
			opacity: 0;
		}

		100% {
			left: 50%;
			-webkit-transform:translate(-50%,-50%) scale(1);
			transform: translate(-50%,-50%) scale(1) ;
			-webkit-filter: blur(0px);
			filter: blur(0px);
			opacity: 1;
		}
	}